{% comment %}
Camera-only capture widget. Include with optional `required` context var.
Submits the captured frame as a base64 JPEG in the hidden `photo_data` field.
{% endcomment %}
<div class="camera-widget" data-camera data-required="{% if required %}true{% else %}false{% endif %}" data-autostart="{{ autostart|default:'true' }}">
  <div class="cam-stage bg-dark rounded mb-2 d-flex align-items-center justify-content-center" style="min-height:220px;overflow:hidden;">
    <video class="cam-video w-100" autoplay playsinline hidden style="max-height:300px;object-fit:cover;"></video>
    <img class="cam-preview w-100" hidden alt="Captured photo" style="max-height:300px;object-fit:cover;">
    <span class="cam-placeholder text-white-50">📷 Camera</span>
  </div>
  <canvas class="cam-canvas" hidden></canvas>
  <input type="hidden" name="photo_data" class="cam-data">
  <div class="d-flex gap-2">
    <button type="button" class="btn btn-jm3 cam-start" hidden>Start Camera</button>
    <button type="button" class="btn btn-jm3 cam-capture w-100" hidden>📸 Capture Photo</button>
    <button type="button" class="btn btn-outline-secondary cam-retake" hidden>↺ Retake</button>
  </div>
  <div class="cam-msg text-muted small mt-1"></div>
</div>